/*
 * Copyright(C) 2019 FUYUN DATA SERVICES CO.,LTD. - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * 该源代码版权归属福韵数据服务有限公司所有
 * 未经授权，任何人不得复制、泄露、转载、使用，否则将视为侵权
 *
 */

import * as React from 'react';
import { Input } from 'antd';

interface IProps extends React.HTMLAttributes<HTMLDivElement> {
  prefix?: string;
  placeholder?: string;
  width?: number;
}

const Search: React.SFC<IProps> = props => {
  return (
    <div>
      <div
        style={{
          marginTop: 20,
          marginLeft: 10,
          display: 'inline-block',
          verticalAlign: 'middle',
          fontSize: 16,
          color: 'black'
        }}
      >
        {props.prefix}
      </div>
      <Input
        placeholder={props.placeholder}
        style={{
          width: props.width,
          marginTop: 20,
          marginLeft: 10
        }}
      />
    </div>
  );
};




export default Search;
